<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>团委综合信息管理平台</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <!-- jvectormap -->
    <link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">

    <link href="lsc/lsc.css" rel="stylesheet" type="text/css"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

    <header class="main-header">

        <!-- Logo -->
        <a href="" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b></b></span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg" style="font-size:16px;"><b>校团委综合信息管理平台</b></span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle</span>
            </a>

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">

                    <li>
                        <a href="#">

                            <span>前台首页</span>
                        </a>

                    </li>

                    <li>
                        <a href="#">
                            <span>更新数据</span>
                        </a>

                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
                            <span class="hidden-xs">管理员</span>
                        </a>

                    <li>
                        <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->

            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="header">管理菜单</li>
                <li class="sidebar-menu">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>前端管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href=""><i class="fa fa-circle-o"></i> 个人信息</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 学时认证</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 奖惩情况</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 网络投票</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 调查问卷</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 我的团学组织</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 我的组织生活</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 第二课堂成绩单</a></li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>后端管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active"><a href=""><i class="fa fa-circle-o"></i> 控制面板 </a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 第二课堂</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 社团管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 学生管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 问卷调查</a></li>

                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-files-o"></i>
                        <span>系统管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href=""><i class="fa fa-circle-o"></i> 角色管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 用户管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 菜单管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 日志管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 字典管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 资源管理</a></li>
                        <li><a href=""><i class="fa fa-circle-o"></i> 系统设置</a></li>

                    </ul>
                </li>


            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">

            <div>

                <ol class="breadcrumb">
                    <li><label style="font-size:16px; margin-top: 6px;"><a href="#"><i
                            class="fa fa-dashboard"></i>首页</a></label></li>
                    <li><label style="font-size:16px; margin-top: 6px;"><a href="#"><i class="fa fa-dashboard"></i>后端管理</a></label>
                    </li>
                    <li class="active"><label style="font-size:16px; margin-top: 6px;">学生管理</label></li>
                </ol>

            </div>
        </section>
        <section class="content">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">Title</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
                            <i class="fa fa-minus"></i></button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="" data-original-title="Remove">
                            <i class="fa fa-times"></i></button>
                    </div>
                </div>
                <div class="box-body">
                    <div style="border: 1px solid #C2C2C2; margin-bottom: 5px; height: 50px;">
                        <div class="col-lg-8">
                            <form action="" class="form-inline"
                                  style="text-align: left; margin-top: 10px;" method="post">
                                <div class="form-group">
                                    <label>学院:</label> <select name="d_id">
                                    <option value="">--请选择--</option>

                                </select> <label>学号:</label><input type="text" class="form-control"
                                                                   name="s_id" style="height: 30px;"> <label>姓名:</label><input
                                        type="text" class="form-control" name="s_name"
                                        style="height: 30px;">
                                    <button type="submit" class="btn btn-default btn-sm"
                                            style="height: 30px;">
                                        <span class="glyphicon glyphicon-search"></span>查询
                                    </button>
                                </div>
                            </form>
                        </div>
                        <div class="col-lg-1">
                            <a class="btn btn-primary bt-sm" data-toggle="modal"
                               data-target="#myModal"
                               style="margin-top: 8px; ">新增</a>


                        </div>
                        <div class="col-lg-1">
                            <a class="btn btn-primary bt-sm"
                               style="margin-top: 8px;margin-left:-30px; ">导入</a>


                        </div>
                        <div class="col-lg-1">
                            <a class="btn btn-primary bt-sm"
                               style="margin-top: 8px;margin-left:-60px; ">导出</a>


                        </div>
                        <div class="col-lg-1">
                            <a class="btn btn-primary bt-sm"
                               style="margin-top: 8px;margin-left:-90px; ">更新</a>


                        </div>
                    </div>

                    <div style="height: 450px;">
                        <table class="table table-bordered" align="center">
                            <tr>
                                <td align="center"><input type="checkbox">全选</td>
                                <td align="center">学号</td>
                                <td align="center">姓名</td>
                                <td align="center">性别</td>
                                <td align="center">专业</td>
                                <td align="center">学院</td>
                                <td align="center">年级</td>
                                <td align="center">班级</td>
                                <td align="center">寝室</td>
                                <td align="center">电话</td>
                                <td align="center">邮箱</td>
                                <td align="center">生源地</td>
                                <td align="center">政治面貌</td>
                                <td align="center">身份证号</td>
                                <td align="center">操作</td>
                            </tr>

                            <tr style="font-size:;">
                                <td align="center"><input type="checkbox">选择</td>
                                <td align="center">14480</td>
                                <td align="center">李书昌</td>
                                <td align="center">男</td>
                                <td align="center">软工</td>
                                <td align="center">计算机</td>
                                <td align="center">大三</td>
                                <td align="center">14BF</td>
                                <td align="center">13523</td>
                                <td align="center">52387</td>
                                <td align="center">127@qq.com</td>
                                <td align="center">株洲</td>
                                <td align="center">团员</td>
                                <td align="center">430225</td>
                                <td align="center"><a href="">
                                    <button class="btn btn-primary bt-sm" style="font-size:5px;">修改</button>
                                </a>
                                    <button class="btn btn-danger" style="font-size:6px;">删除</button>
                                </td>
                            </tr>

                        </table>
                    </div>

                <!-- /.box-body -->
                <div class="box-footer">
                    <div class="page">
				    <span style="text-align: left;">注：当前共有页,当前是第页
				</span> <a style="margin-left: 230px;" class="bt btn-primary btn-sm"
                           href="">首页</a> <a
                            class="bt btn-primary btn-sm"
                            href="">上一页</a>
                        <a class="bt btn-primary btn-sm"
                           href="">下一页</a>
                        <a class="bt btn-primary btn-sm"
                           href="">末页</a>
                        <label>第<input id="page" type="text" style="width: 25px;">页
                        </label><a class="bt btn-primary btn-sm" onclick="to()">跳转</a>
                    </div>
                </div>
                </div>
                <!-- /.box-footer-->
            </div>
            <!-- Your Page Content Here -->

        </section>

    </div>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">新增学生</h4>
                </div>
                <div class="modal-body">
                    <form action="" class="form-inline" method="post">
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px; ">学号:</label><input
                                class="col-lg-4 form-control" type="text" name="s_id"
                                placeholder="请输入学号">
                        </div>

                        <div class="col-md-6 " style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">姓名:</label><input
                                class="col-lg-4 form-control" type="text" name="s_name"
                                placeholder="请输入姓名">
                        </div>

                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">性别:</label><input
                                class="col-lg-4 form-control" type="text" name="s_sex"
                                placeholder="请输入性别">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">专业:</label><input
                                class="col-lg-4 form-control" type="text" name="s_project"
                                placeholder="请输入专业">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">学院:</label><input
                                class="col-lg-4 form-control" type="text" name="s_academy"
                                placeholder="请输入学院 ">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">班级:</label><input
                                class="col-lg-4 form-control" type="text" name="c_id"
                                placeholder="请输入班级">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">寝室:</label><input
                                class="col-lg-4 form-control" type="text" name="f_id"
                                placeholder="请输入寝室号">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">电话:</label><input
                                class="col-lg-4 form-control" type="text" name="s_phone"
                                placeholder="请输入电话">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">邮箱:</label><input
                                class="col-lg-4 form-control" type="text" name="s_email"
                                placeholder="请输入邮箱">
                        </div>

                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px;">生源:</label><input
                                class="col-lg-4 form-control" type="text" name="s_place"
                                placeholder="请输入生源地">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px; font-size:14px;">面貌:</label><input
                                class="col-lg-4 form-control" type="text" name="s_zzmm"
                                placeholder="请输入政治面貌">
                        </div>
                        <div class="col-md-6" style="margin-top: 5px; ">

                            <label class="col-lg-4" style="margin-top: 5px; font-size:14px;">身份:</label><input
                                class="col-lg-4 form-control" type="text" name="idcard"
                                placeholder="请输入身份证号">

                        </div>

                        <!--
                        <div class="row">
                            <div class="col-lg-2"></div>
                            <label class="col-lg-2" style="margin-top: 5px;">电话:</label> <select
                                name="s_phone" class="col-lg-4 form-control">

                            </select>
                        </div>
                        -->

                        <div class="">

                            <button type="submit" class="btn btn-primary" style="margin-left: 230px;margin-top: 20px; ">
                                提交
                            </button>
                            <button type="button" class="btn btn-default" style="margin-top: 20px; "
                                    data-dismiss="modal">关闭
                            </button>
                        </div>
                    </form>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>


    <!--
         <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>版本号</b> 1.0.1
    </div>
    <strong>Copyright &copy; 2017 校团委综合信息管理平台.</strong> All rights
    reserved.
  </footer> 
  -->
    </section>


</div>


</section>


</div>


<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- jQuery 2.2.3 -->
<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
<!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- ChartJS 1.0.1 -->
<script src="plugins/chartjs/Chart.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard2.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
</body>
</html>